<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件一 组件通信  props（父向子传递）</title>
</head>
<body>
<div id="app">

    <h1>打个招呼：</h1>
    <!--使用子组件，同时传递title属性  的值-->
   <introduce title="大家好，我是锋哥"/>
    <introduce title="大家好,我是MR"/>
</div>
</body>
<script src="./node_modules/vue/dist/vue.js"></script>
<script>
    Vue.component("introduce",{
        // 直接使用props接收到的属性来渲染页面
        template:'<h1>{{title}}</h1>',
        props:['title'] // 通过props来接收一个父组件传递的属性
    })

    var app =new Vue({
        el:"#app",
        data:{

        }


    });
</script>
</html>